<div class="card writehat-pane bg-transparent">
  <div class="card-header">
    Preview:
  </div>
  <div id='componentPreview' class="card-body border border-primary rounded">
      <iframe id='preview-frame' src='/engagements/report/{{ component.id }}/generate'>
      </iframe>

  </div>
</div>
<script src='/static/js/componentPreviewPane.js'></script>
